<ion-header>
  <ion-navbar>
    <ion-title>
      首页
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
	<ion-list class="list_margin"  style="margin: -1px 0 10px 0;">
		<img src="../src/assets/img/banner.png">
	</ion-list>
	<div  style="width: 92%;margin: 0 auto;">
	  <div class="list_tou">
	    <img class="list_tou_tu" src="../src/assets/img/yuan.jpg">
	    <p class="list_tou_t">大家都在听</p>
	    <!--<img src="../src/assets/img/more.png">-->
	    <span class="list_tou_huan">换一批</span>
	  </div>

	  <div class="zhubod">
	    <div class="bod">
	      <img src="../src/assets/img/1.png"/>
	      <p>缩略图可以位于列表的</p>
	    </div>
	    <div class="bod">
	      <img src="../src/assets/img/2.png"/>
	      <p>缩略图可以位于列表的左侧或</p>
	    </div>
	    <div class="bod">
	      <img src="../src/assets/img/3.png"/>
	      <p>缩略图可以位于列</p>
	    </div>
	  </div>
	</div>
	<div class="clear" style="margin-bottom: 8px"></div>
	<div style="background: #EEEEEE; height: 8px; margin-bottom: 15px;"></div>
	<div  style="width: 92%;margin: 0 auto;">
	  <div class="list_tou" (click)="itemTapped(item)">
	    <img class="list_tou_tu" src="../src/assets/img/yuan.jpg">
	    <p class="list_tou_t">英语入门</p>
	    <img class="list_tou_more" src="../src/assets/img/more.png">
	  </div>

	  <div class="zhubod">
	    <div class="bod" (click)="collist(list)">
	      <img src="../src/assets/img/1.png"/>
	      <p>点击进入节目列表表的</p>
	    </div>
	    <div class="bod">
	      <img src="../src/assets/img/2.png"/>
	      <p>缩略图可以位于列表的左侧或</p>
	    </div>
	    <div class="bod">
	      <img src="../src/assets/img/3.png"/>
	      <p>缩略图可以位于列</p>
	    </div>
	  </div>

	</div>
	<div class="clear" style="margin-bottom: 8px"></div>
	<div style="background: #EEEEEE; height: 8px; margin-bottom: 15px;"></div>
  <div  style="width: 92%;margin: 0 auto;">
    <div class="list_tou">
      <img class="list_tou_tu" src="../src/assets/img/yuan.jpg">
      <p class="list_tou_t">单词速记</p>
      <img class="list_tou_more" src="../src/assets/img/more.png">
    </div>

    <div class="zhubod">
      <div class="bod">
        <img src="../src/assets/img/1.png"/>
        <p>缩略图可以位于列表的</p>
      </div>
      <div class="bod">
        <img src="../src/assets/img/2.png"/>
        <p>缩略图可以位于列表的左侧或</p>
      </div>
      <div class="bod">
        <img src="../src/assets/img/3.png"/>
        <p>缩略图可以位于列</p>
      </div>
    </div>
  </div>
  <div class="clear" style="margin-bottom: 8px"></div>
	<div style="background: #EEEEEE; height: 8px; margin-bottom: 15px;"></div>


<!--名师推荐-->
<div  style="width: 92%;margin: 0 auto;">
    <div class="list_tou">
      <img class="list_tou_tu" src="../src/assets/img/yuan.jpg">
      <p class="list_tou_t">名师推荐</p>
      <img class="list_tou_more" src="../src/assets/img/more.png">
    </div>
  	<div class="clear"></div>

	<div class="ms_con">
		<div class="ms_l">
			<img class="ms_limg1" src="../src/assets/img/ms1.png">
		</div>
		<div class="ms_r">
			<div>
				<span>张名师</span>
				<img class="ms_rimg1" src="../src/pages/test/about/huo.png">
				<img class="ms_rimg2" src="../src/pages/test/about/liaotian.png">
			</div>
			<p>张名师的简单介绍文字文字文字文字文字文字文字</p>
		</div>
  	<div class="clear"></div>
  	<div class="spline"></div>
	</div>

	<div class="ms_con">
		<div class="ms_l">
			<img class="ms_limg1" src="../src/pages/test/about/1.png">
		</div>
		<div class="ms_r">
			<div>
				<span>张名师</span>
				<img class="ms_rimg1" src="../src/pages/test/about/huo.png">
				<img class="ms_rimg2" src="../src/pages/test/about/liaotian.png">
			</div>
			<p>张名师的简单介绍文字文字文字文字文字文字文字</p>
		</div>
  	<div class="clear"></div>
  	<div class="spline"></div>
	</div>

	<div class="ms_con">
		<div class="ms_l">
			<img class="ms_limg1" src="../src/pages/test/about/3.png">
		</div>
		<div class="ms_r">
			<div>
				<span>张名师</span>
				<img class="ms_rimg1" src="../src/pages/test/about/huo.png">
				<img class="ms_rimg2" src="../src/pages/test/about/liaotian.png">
			</div>
			<p>张名师的简单介绍文字文字文字文字文字文字文字</p>
		</div>
  	<div class="clear" style="margin-bottom: 8px"></div>
	</div>
</div>
<div style="background: #EEEEEE; height: 15px;"></div>

</ion-content>
